<template>
  <div>
    <div class="order_box">
      <el-menu  :default-active="$router.path" router class="el-menu-demo" mode="horizontal" >
       <el-menu-item index="/shop/order/allOrder" >所有订单</el-menu-item>
       <el-menu-item index="/shop/order/payOrder">待付款</el-menu-item>
       <el-menu-item index="/shop/order/deliveryOrder">代发货</el-menu-item>
       <el-menu-item index="/shop/order/receiptOrder">待收货</el-menu-item>
      </el-menu>
    </div>
    <div class="order_main">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>
<style lang="less" scoped>
.order_box{
  width: 80vw;
  margin: 30px auto;
}
.order_main{
  width: 80vw;
  margin: auto;
}
</style>
